<template name="skeleton">
  <view class="sk-container">
    <view class="search">
      <view >
        <text
          class="uni-icons icons--uni-icons uniui-icon-caidan icons--uniui-icon-caidan iconfont icons--iconfont icon-caidan icons--icon-caidan sk-pseudo sk-pseudo-circle"
          style="color:#000;font-size:28px"></text>
      </view>
      <view class="search-content sk-image">
        <view >
          <text class="uni-icons icons--uni-icons uniui-search icons--uniui-search sk-pseudo sk-pseudo-circle"
            style="color:#333333;font-size:16px"></text>
        </view>
        <text class="text sk-transparent sk-text-25-0000-713 sk-text">推荐的内容</text>
        <view>
          <view >
            <text class="uni-icons icons--uni-icons uniui-scan icons--uniui-scan sk-pseudo sk-pseudo-circle"
              style="color:#333333;font-size:16px"></text>
          </view>
        </view>
      </view>
      <view >
        <text
          class="uni-icons icons--uni-icons uniui-icon-mian icons--uniui-icon-mian iconfont icons--iconfont icon-mian icons--icon-mian sk-pseudo sk-pseudo-circle"
          style="color:#000;font-size:24px"></text>
      </view>
      <view >
        <text
          class="uni-icons icons--uni-icons uniui-icon-yuyin_o icons--uniui-icon-yuyin_o iconfont icons--iconfont icon-yuyin_o icons--icon-yuyin_o sk-pseudo sk-pseudo-circle"
          style="color:#000;font-size:28px"></text>
      </view>
    </view>
    <swiper autoplay="false" circular="true" duration="1000" indicator-color="rgba(255,255,255,0.6)"
      indicator-dots="true" interval="3000" current="0"></swiper>
    <view >
      <view class="suggest card--suggest data-v-a453ad8c card--data-v-a453ad8c">
        <view class="header card--header data-v-a453ad8c card--data-v-a453ad8c">
          <view class="title card--title data-v-a453ad8c card--data-v-a453ad8c sk-transparent">推荐歌单
            <view 
              class="data-v-a453ad8c card--data-v-a453ad8c">
              <text class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle"
                style="color:#333333;font-size:16px"></text>
            </view>
          </view>
          <view  class="data-v-a453ad8c card--data-v-a453ad8c">
            <text
              class="uni-icons icons--uni-icons uniui-icon-gengduo icons--uniui-icon-gengduo iconfont icons--iconfont icon-gengduo icons--icon-gengduo sk-pseudo sk-pseudo-circle"
              style="color:#333333;font-size:16px"></text>
          </view>
        </view>
        <scroll-view class="song-list" scroll-x="true">
          <view style="display: inline-block;">
            <view class="song-item song-item--song-item data-v-4f396e29 song-item--data-v-4f396e29">
              <image lazy-load="true"
                class="song-pic song-item--song-pic data-v-4f396e29 song-item--data-v-4f396e29 sk-image"
                mode="aspectFill"></image>
              <view
                class="text song-item--text data-v-4f396e29 song-item--data-v-4f396e29 sk-transparent sk-text-14-2857-748 sk-text">
                「欧美Live」惊艳现场版，嗨到停不下来!</view>
            </view>
          </view>
          <view style="display: inline-block;">
            <view class="song-item song-item--song-item data-v-4f396e29 song-item--data-v-4f396e29">
              <image lazy-load="true"
                class="song-pic song-item--song-pic data-v-4f396e29 song-item--data-v-4f396e29 sk-image"
                mode="aspectFill"></image>
              <view
                class="text song-item--text data-v-4f396e29 song-item--data-v-4f396e29 sk-transparent sk-text-14-2857-328 sk-text">
                『90后』小时候【所谓非主流】的经典神曲</view>
            </view>
          </view>
          <view style="display: inline-block;">
            <view class="song-item song-item--song-item data-v-4f396e29 song-item--data-v-4f396e29">
              <image lazy-load="true"
                class="song-pic song-item--song-pic data-v-4f396e29 song-item--data-v-4f396e29 sk-image"
                mode="aspectFill"></image>
              <view
                class="text song-item--text data-v-4f396e29 song-item--data-v-4f396e29 sk-transparent sk-text-14-2857-994 sk-text">
                男生的温柔侵入心底 珊瑚长出海面伸向月亮</view>
            </view>
          </view>
        </scroll-view>
      </view>
      <view
        class="r card--r data-v-a453ad8c card--data-v-a453ad8c"></view>
    </view>
    <view >
      <view class="suggest card--suggest data-v-a453ad8c card--data-v-a453ad8c">
        <view class="header card--header data-v-a453ad8c card--data-v-a453ad8c">
          <view class="title card--title data-v-a453ad8c card--data-v-a453ad8c sk-transparent">最新音乐
            <view 
              class="data-v-a453ad8c card--data-v-a453ad8c">
              <text class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle"
                style="color:#333333;font-size:16px"></text>
            </view>
          </view>
          <view  class="data-v-a453ad8c card--data-v-a453ad8c">
            <text
              class="uni-icons icons--uni-icons uniui-icon-gengduo icons--uniui-icon-gengduo iconfont icons--iconfont icon-gengduo icons--icon-gengduo sk-pseudo sk-pseudo-circle"
              style="color:#333333;font-size:16px"></text>
          </view>
        </view>
        <view class="music-list">
          <view >
            <view class="music-item item--music-item">
              <image class="music-img item--music-img sk-image"></image>
              <view class="desc-content item--desc-content">
                <view class="left item--left">
                  <view class="title item--title sk-transparent sk-text-14-2857-848 sk-text">一定要幸福 (Live版)</view>
                  <view class="desc item--desc sk-transparent sk-text-14-2857-90 sk-text">华晨宇</view>
                </view>
                <view >
                  <text
                    class="uni-icons icons--uni-icons uniui-icon-bofang icons--uniui-icon-bofang iconfont icons--iconfont icon-bofang icons--icon-bofang sk-pseudo sk-pseudo-circle"
                    style="color:#333333;font-size:20px"></text>
                </view>
              </view>
            </view>
          </view>
          <view >
            <view class="music-item item--music-item">
              <image class="music-img item--music-img sk-image"></image>
              <view class="desc-content item--desc-content">
                <view class="left item--left">
                  <view class="title item--title sk-transparent sk-text-14-2857-424 sk-text">ぼくらの</view>
                  <view class="desc item--desc sk-transparent sk-text-14-2857-876 sk-text">Eve</view>
                </view>
                <view >
                  <text
                    class="uni-icons icons--uni-icons uniui-icon-bofang icons--uniui-icon-bofang iconfont icons--iconfont icon-bofang icons--icon-bofang sk-pseudo sk-pseudo-circle"
                    style="color:#333333;font-size:20px"></text>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
</script>
<style lang="less">
  .sk-transparent {
    color: transparent !important;
  }

  .sk-text-25-0000-713 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }

  .sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }

  .sk-text-14-2857-748 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-328 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-994 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-848 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-90 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-424 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-876 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }

  .sk-image {
    background: #EFEFEF !important;
  }

  .sk-pseudo::before,
  .sk-pseudo::after {
    background: #EFEFEF !important;
    background-image: none !important;
    color: transparent !important;
    border-color: transparent !important;
  }

  .sk-pseudo-rect::before,
  .sk-pseudo-rect::after {
    border-radius: 0 !important;
  }

  .sk-pseudo-circle::before,
  .sk-pseudo-circle::after {
    border-radius: 50% !important;
  }

  .sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }
</style>
